/*
 * 可复用的公有布局 - 公用的css
 */

 footer{
    box-shadow: 0px 5px 5px #ccc;
    height: 77px;
    ul{    
        
        display: flex;
        align-items: center;
        li{
            height: 77px;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            a{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                .iconfont{
                    font-size: 30px;
                }
            }
            .active{
                color: red;
            }
        }
    }
}